<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>收藏</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<script src="../../js/app.js"></script>
		<link href="../../css/mui.min.css" rel="stylesheet"/>
		<link href="../../css/list.css" rel="stylesheet" />
		<link rel="stylesheet" href="../../font-awesome-4.7.0/css/font-awesome.min.css" />
		<script src="../../js/mui.min.js"></script>
	</head>
	<body>
		<body>
		<header class="mui-bar mui-bar-nav">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title">我的收藏</h1>
		</header>
		<div class="mui-content" id="pullrefresh">
			<div style="background: #FFF;margin: 5px 5px;">
			       <div class="friend-list-left" id="microblog"></div>
		    </div>
	    </div>
	</body>
	<script src="../js/common.js"></script>
	<script type="text/javascript">
		localStorage.setItem('list','[]');//清空本地数据 

mui.init({  
		pullRefresh: {  
		container: '#pullrefresh', //触发刷新功能的id标签
		down: {  //触发下拉函数
		height:50,// 可选.默认50.触发上拉加载拖动距离
        auto:false,// 可选,默认false.自动上拉加载一次
        style:'circle',//必选，下拉刷新样式，目前支持原生5+ ‘circle’ 样式
      	color:'#2BD009', //可选，默认“#2BD009” 下拉刷新控件颜色
        range:'100px', //可选 默认100px,控件可下拉拖拽的范围
     	offset:'50px', //可选 默认0px,下拉刷新控件的起始位置
		contentdown : "下拉可以刷新",//可选，在下拉可刷新状态时，下拉刷新控件上显示的标题内容
		contentover : "释放立即刷新",//可选，在释放可刷新状态时，下拉刷新控件上显示的标题内容
		contentrefresh : "正在刷新...",//可选，正在刷新状态时，下拉刷新控件上显示的标题内容
		callback: pulldownRefresh
	},
		up : {//触发上拉
		contentrefresh : "正在加载...",//可选，正在加载状态时，上拉加载控件上显示的标题内容
		contentnomore:'没有更多数据了',//可选，请求完毕若没有更多数据时显示的提醒内容；
		callback :pullupRefresh //必选，刷新函数，根据具体业务来编写，比如通过ajax从服务器获取新数据；
	}
              }  
          });  
//* 下拉刷新具体业务实现 
function pulldownRefresh() { 
	setTimeout(function () { 
	//            	document.getElementById('microblog').innerHTML='';
	microblog(0);//获取数据
	mui('#pullrefresh').pullRefresh().endPulldownToRefresh();//关闭上拉刷新样式
	}, 1500);  //1500毫秒触发
} 
 //* 下拉刷新具体业务实现 
function pullupRefresh() { 
	setTimeout(function () { 
	microblog(1);//获取数据
	mui('#pullrefresh').pullRefresh().endPullupToRefresh();//关闭下拉加载样式
	}, 1500);  //1500毫秒触发
} 
microblog();
var	p= 0;
function microblog(num){//微博列表
	var headimg=home.uploads+"/user/a.jpg";
	if(num==1){p=p+1}else{p=0;document.getElementById("microblog").innerHTML='';};
	apptoken['p']= p;
	apptoken['act']='collect_list';
//	alert(JSON.stringify(apptoken));
	 mui.ajax(home.hos+'/microblog/collect_list',{
	 	data:apptoken,
	 	dataType:'text',//服务器返回json格式数据
	 	type:'post',//HTTP请求类型
		timeout:5000,//超时时间设置为5秒；
		success:function(data){
	 	alert(data);
	 	if(data==204){plus.ui.toast('没有更多信息'+data);return false;}
	 	jsonarrfor(data);
		},error:function(xhr,type,errorThrown){
		plus.ui.toast('服务器超时！');
		console.log('服务器超时'+type);
	}});
}
localStorage.setItem('list','');
function jsonarrfor(result){
injsonstr(result,'list');
var	result=JSON.parse(result);
var classimg='';
var vals='';
for(var i=0;i<result.length;i++)
{
if(result[i].pic===null || result[i].pic==='' || result[i].pic==='undefined'){
	pic='';
}else{
	pd=result[i].pic.indexOf(",")==-1;//判断字符串里是否含有逗号如果不含有
	if(pd!=-1){//如果有逗号即可分割字符串
var rpic=result[i].pic.split(",");
if(rpic.length>=3){
	classimg="imgx3";
}else
if(rpic.length==2){
	classimg="imgx2";
}else
if(rpic.length==1){
	classimg="imgx1";
}else{
	classimg="";
}
var pic="";
for(var ib=0;ib<rpic.length && ib<3;ib++)
{
//	onerrorimg='this.src="'+home.uploads+'/microblog/'+rpic[ib]+'"';
	pic+='<div class="imgcenter '+classimg+' imgleft"><img src="'+home.uploads+'/microblog/cut'+rpic[ib]+'" onerror="this.src=\''+home.uploads+'/microblog/'+rpic[ib]+'\'" /></div>';
}
}}
	if(!result[i].headimg){
		headimg=home.uploads+"/user/a.jpg";
	}else{
		headimg=home.uploads+"/user/"+result[i].headimg;
	} 
	var relation='';
	if(result[i].relation=='item'){
		relation='项目';
	};
	detailstyle(result[i].id,result[i].username,result[i].refresh,result[i].content,pic,result[i].comment,result[i].zan,result[i].collect,relation);//推送到样式函数
}
}
function detailstyle(tid,username,createtime,content,pic,comment,zan,collect,relation){
	if(createtime==''){//如果时间不存在调用系统当前时间
		var createtime=new Date().format("yy-MM-dd/h:m");
	}else{
	var createtime=new Date(parseInt(createtime) * 1000).format('yyyy-MM-dd hh:mm:ss');//转换时间戳
	}
	vals='<div id="zhiding'+tid+'"><li id="'+tid+'" onclick="goto(\'microblog\',\'home\',\'detail\','+tid+')"><div class="btn-right" >'+relation+'</div><div class="list-head"><img style="margin:3px" src="'+headimg+'"/>'+username+'<p></p><p style="font-size:0.8em"> 更新时间：'+createtime+'</p><p>'+content+'【更多详情】</p></div>'+pic+'</li><div style="width:100%;float:left;font-size:0.8em;margin:5px 0;border-bottom: 1px solid #E3E3E3;text-align:center;"><p style="width: 33%;float:left" onclick="goto(\'microblog\',\'home\',\'detail\','+tid+')">评论：<span id="commentnum">'+comment+' </span></p><p style="width: 33%; float:left"onclick="zan('+tid+',\'1\',\'microblog\')"><i class="fa fa-thumbs-o-up fa-1x"></i>：<span id="zannum'+tid+'">'+zan+'</span></p><p style="width: 33%;float:left"onclick="collect(\''+tid+'\',\'microblog\')">收藏：<span id="collectnum'+tid+'">'+collect+'</span></div></div>';
	document.getElementById("microblog").innerHTML+=vals;
	}

//进入详情页
//function openwid(obj){
//		var jsar=JSON.parse(localStorage.getItem('list'));
//		for(var i=0;i<jsar.length;i++){
//			if(jsar[i].id==obj.id){
//				localStorage.setItem('microblogdetail',JSON.stringify(jsar[i]));
//			}
//		}
//		mui.openWindow({
//			url:'../microblog/detail.html'
//		});
//	}
	</script>
</html>
